<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>留言本</title>
  <!-- <style type="text/css">
		img{
			position: absolute;
			display: none;
		}
	</style>
	<script type="text/javascript">
		
			var imgs=document.getElementsByTagName('img');

			document.onmousemove=function(event){
				var i=0;
				var timer=setInterval(function(){
					i++;   
					if(i<imgs.length){					
						imgs[i].style.display="block";
						imgs[i].style.top=(event.clientY-imgs[i].offsetHeight/2)+"px";
						imgs[i].style.left=(event.clientX-imgs[i].offsetWidth/2)+"px";
						if(i==imgs[i].length){
							clearInterval(timer);
						}
					}
				},50);
			}
  </script>
   -->
  <!-- 
    浏览器收到 HTML 响应内容之后，就要开始从上到下依次解析，
    当在解析的过程中，如果发现：
      link
      script
      img
      iframe
      video
      audio
    等带有 src 或者 href（link） 属性标签（具有外链的资源）的时候，浏览器会自动对这些资源发起新的请求。去找我们对应的url
   -->
  
  <link rel="stylesheet" href="/public/css/bootstrap.min.css">
  <link rel="stylesheet" href="/public/css/post.css">
</head>

<body>
  <div class="header container">
    <div class="page-header">
      <h1>Example page header <small>Subtext for header</small></h1>
      <a class="btn btn-success" href="/post">发表留言</a>
      <!-- href="/post"可以使index页面跳转到post页面-->
    </div>
  </div>
  <div class="comments container">
    <ul class="list-group">
    {{each comments}}
      <li class="list-group-item">{{$value.name}}说：{{$value.message}}<span class="pull-right">{{$value.dataTime}}</span></li>
    {{/each}}
    </ul>
    
  </div>

  <!-- 拖拽产生絮条 -->
 <!--  <img src="/public/images/mouse-plane.gif" alt="">
  <img src="/public/images/mouse-plane.gif" alt="">
  <img src="/public/images/mouse-plane.gif" alt="">
  <img src="/public/images/mouse-plane.gif" alt="">
  <img src="/public/images/mouse-plane.gif" alt="">
  <img src="/public/images/mouse-plane.gif" alt="">
  <img src="/public/images/mouse-plane.gif" alt="">
  <img src="/public/images/mouse-plane.gif" alt="">
  <img src="/public/images/mouse-plane.gif" alt="">
  <img src="/public/images/mouse-plane.gif" alt="">
  <img src="/public/images/mouse-plane.gif" alt=""> -->
</body>

</html>
